<{* 用于管理后台被外部包含 *}>
    <div class="main">
        <!--菜单-->
        <div class="slider" id="slider" >
            <ul>
                <{foreach from=$menus item=menu }>
                <li>
                    <dl>
                        <dt class="<{$menu['class']}>"><{$menu['title']}></dt>
                        <{foreach from=$menu['items'] item=item}>
                        <dd><a href="<{$item[1]}>" target="subContent"><{$item[0]}></a></dd>
                        <{/foreach}>
                    </dl>
                </li>
                <{/foreach}>
            </ul>
        </div>

        <div  id="content" style="position: relative;margin-left: 191px;box-sizing: border-box;" >
            <iframe name="subContent" id="containerFrame" frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" width="100%" height="100%"></iframe>
        </div>
    </div>

<script>

    $("dt").on('click',function(){
        $(this).nextAll("dd").toggle()
    })

    function resizeWindow(){
        $('#content,#slider').height($("body").height()-$('#header').height()-10);
    }
    $(document).ready(function(){
        $('dd').hide();
        resizeWindow();
    })
    $(window).resize(function(){
        resizeWindow();
    });
</script>